<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
<f:view>
	<h:head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta http-equiv="cache-control" content="no-cache" />
		<meta http-equiv="cache-control" content="no-store" />
		<meta http-equiv="pragma" content="no-cache" />
		<meta http-equiv="expires" content="0" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<!-- Favicons -->
		<link type="image/x-icon" rel="shortcut icon" href="#{resource['images/favicon.ico']}" />
		<title><ui:insert name="title"></ui:insert></title>
		<h:outputScript library="javax.faces" name="jsf.js" target="head" />
		<h:outputStylesheet library="css" name="theme.css"></h:outputStylesheet>
		<h:outputStylesheet library="css" name="style.css"></h:outputStylesheet>
	</h:head>
	<h:body styleClass="default">

		<div class="navbar header">
			<div class="container">
				<div class="row">
					<div class="navbarHeader col-sm-4 col-xs-12">
						<a class="logo">Servir</a>
					</div>
					<div class="appName col-sm-6 col-xs-12 col-sm-offset-2">
						<h:outputText value="#{configuracionService.configuracion.sistemaTitulo}"
								escape="false" /><br/><h:outputText value="#{configuracionService.configuracion.sistemaVersion}" escape="false" />
					</div>
				</div>
			</div>
		</div>
		<div class="submenu__bar">
			<nav class="navbar navbar-default">
			<div class="container">
				<div class="row">
				<h:form>
					<time class="hidden-sm hidden-xs col-sm-4">
					<h:outputText value="#{fechaBean.fechaActual}" id="fechaActual" >
				        <f:convertDateTime pattern="EEEE, dd 'de' MMMM 'del' yyyy - HH:mm aa" timeZone="EST" type="date" />
				    </h:outputText>
					</time>
					<div class="col-sm-8 col-xs-12 text-right profile">
						<ul class="list-inline">
							<li>Bienvenido, <strong>#{loginService.txtNombreCompleto}</strong>
								(#{loginService.txtPerfil}) de <strong>#{loginService.txtEntidad}</strong>
							</li>
							<li><p:commandButton action="#{loginService.logout}"
									styleClass="btn btn-link" value="Cerrar Sesión" ajax="false"></p:commandButton>
							</li>
						</ul>
					</div>
				</h:form>
					<!-- /.navbar-collapse -->
				</div>
			</div>
			</nav>
		</div>
		<div class="container">
			<div class="row row-offcanvas row-offcanvas-left">
				<div class="col-sm-12 inner--main">
					<div class="toggleBtn">
						<a href="#" data-toggle="offcanvas"><i class="fa fa-bars"></i>
						</a>
					</div>
					<div class="col-xs-6 col-sm-3 sidebar-offcanvas nopadding" id="sidebar">
						<ui:insert name="sidebar"></ui:insert>
					</div>

					<div class="col-xs-12 col-sm-9" id="main">
						<div id="content">
							<ui:insert name="content"></ui:insert>
						</div>
					</div>
				</div>
			</div>
		</div>
		<ui:insert name="footer">
			<div class="footer">
				<div class="container">
					<div class="row no-gutter">
						<div class="col-sm-7">
							<h:outputText value="#{configuracionService.configuracion.sistemaPiePagina}" escape="false" />
						</div>
						<div class="col-sm-5">
							<div class="img_inst">
								<img src="resources/images/img_inst.png" class="img-responsive" />
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="footer--post">
				<div class="container">
					<div class="row">
						<div class="col-sm-12">
							<span><h:outputText value="#{configuracionService.configuracion.sistemaCopyright}" escape="false" /></span>
						</div>

					</div>
				</div>
			</div>
		</ui:insert>
		<script type="text/javascript" src="resources/javascript/bootstrap.js"></script>
		<script type="text/javascript" src="resources/javascript/offcanvas.js"></script>
		<script type="text/javascript" src="resources/javascript/app.js"></script>
		<script type="text/javascript" src="resources/javascript/primefaces.js"></script>
		<script type="text/javascript" src="resources/javascript/inputmask/jquery.inputmask.min.js"></script>
		<script type="text/javascript" src="resources/javascript/inputmask/jquery.inputmask.numeric.extensions.min.js"></script>
		<script type="text/javascript" src="resources/javascript/funciones.js"></script>
		<ui:insert name="script">
		</ui:insert>
	</h:body>
</f:view>
</html>